

/* @font-face {
    font-family: 'NotoSansHansBold';
    src: url('../fonts/NotoSansHans-Bold.eot');
    src: url('../fonts/NotoSansHans-Bold.eot') format('embedded-opentype'),
         url('../fonts/NotoSansHans-Bold.woff2') format('woff2'),
         url('../fonts/NotoSansHans-Bold.woff') format('woff'),
         url('../fonts/NotoSansHans-Bold.ttf') format('truetype'),
         url('../fonts/NotoSansHans-Bold.svg#NotoSansHans') format('svg');
} */
/* 
@font-face {
    font-family: 'SourceHanSansCNNormal';
    src: url('../fonts/SourceHanSansCN-Normal_0.eot');
    src: url('../fonts/SourceHanSansCN-Normal_0.eot') format('embedded-opentype'),
         url('../fonts/SourceHanSansCN-Normal_0.woff2') format('woff2'),
         url('../fonts/SourceHanSansCN-Normal_0.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Normal_0.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Normal_0.svg#SourceHanSansCNNormal') format('svg');
} */


@font-face {
    font-family: 'NotoSansHansRegular';
    src: url('../fonts/NotoSansHans-Regular.eot');
    src: url('../fonts/NotoSansHans-Regular.eot') format('embedded-opentype'),
         url('../fonts/NotoSansHans-Regular.woff2') format('woff2'),
         url('../fonts/NotoSansHans-Regular.woff') format('woff'),
         url('../fonts/NotoSansHans-Regular.ttf') format('truetype'),
         url('../fonts/NotoSansHans-Regular.svg#NotoSansHansRegular') format('svg');
}

@font-face {
    font-family: 'NotoSansHansBold';
    src: url('../fonts/NotoSansHans-Regular.eot');
    src: url('../fonts/NotoSansHans-Regular.eot') format('embedded-opentype'),
         url('../fonts/NotoSansHans-Regular.woff2') format('woff2'),
         url('../fonts/NotoSansHans-Regular.woff') format('woff'),
         url('../fonts/NotoSansHans-Regular.ttf') format('truetype'),
         url('../fonts/NotoSansHans-Regular.svg#NotoSansHansBold') format('svg');
}


* {font-family: 'NotoSansHansRegular' !important; margin: 0px; padding: 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}

html { font-size: 62.5%; height: 100%; }

body { height: 100%; margin: 0 auto; width: 100%; max-width: 1920px;  font-size: 14px; font-size: 1.4rem; color: black; }

a { color: #222; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; }

a.hover1:hover{color: #3a5a97 !important;}
a.hover2:hover{color: #ffab2b !important;}

ol, ul, li { list-style: none; }

img {max-width: 100%;max-height: 100%;}

.img{line-height: 0;font-size: 0;}

.img a{display: block;}

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

input[type=search]::-ms-clear{display: none;}
input[type=text]::-ms-clear{display: none;}
input::-webkit-search-cancel-button{display: none;}
textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

button,input,select{border: none;}
button:focus,input:focus,select:focus{outline: none;}
select option{border: none;}

/* 末尾省略号 */
.self-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 多行末尾省略号 */
.self-ellipsis-1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.self-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}


::-webkit-input-placeholder { color: #999999; }
::-moz-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }

.c-nomr { margin-right: 0 !important; }
.c-noml { margin-left: 0 !important; }

.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.vcib{display: inline-block;vertical-align: middle;}

.mgr5{margin-right: 5px;}
.mgr10{margin-right: 10px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgt5{margin-top: 5px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgb5{margin-bottom: 5px;}
.mgb10{margin-bottom: 10px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgl5{margin-left: 5px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}

.color-333{color: #333;}
.color-666{color: #666;}
.color-999{color: #999;}
.color-dcdcdc{color: #dcdcdc;}
.color-AAA{color: #AAA;}
.color-fff{color: #fff;}

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}


/* table */
/* border="0" cellpadding="0" cellspacing="0" */
.table-scroll{overflow-x: auto;max-width: 100%;}
table{border: 1px solid #ddd; width: 100%;}
table thead{width: 100%;}
table tbody{width: 100%;}

table thead{background-color: #edf2ff;height: 40px;}
table thead tr th{text-align: left; padding: 6px 8px; font-size: 14px;color: #333;line-height: 20px; vertical-align: middle;}
table thead tr th{border:1px solid #fff;padding: 1% 8px;border-top: 1px solid #edf2ff;}
table thead tr th:nth-child(1){border-left: 1px solid #edf2ff;}
table thead tr th:last-child{border-right: 1px solid #edf2ff;}
table tbody tr{background-color: #fff;}
table tbody tr:hover{background-color: rgb(242, 243, 247);}
table tbody tr td{border-bottom: 1px solid #ddd;padding: 10px 6px;}
table tbody tr td{text-align: left; padding: 6px 8px; font-size: 12px;color: #333;line-height: 20px; vertical-align: middle;}
table tbody tr:last-child td{border-bottom: 0px solid #ddd;}

.table-page{padding-top: 10px;}
.table-page table thead tr th{padding: 12px 10px;font-size: 16px;font-weight: normal;}
.table-page table tbody tr td{padding: 18px 10px;font-size: 14px;}
.table-page table .option-btn a{color: #3a5a97;margin-right: 15px;}
.table-page table .option-btn a:hover{font-weight: bold;}

table .turn-btn-div{margin-top: 0;}
table .turn-btn-div .icon{display: inline-block;vertical-align: middle;}


/********************************************** common **********************************************/
body,html{min-height: 100%;}

/*页面加载中*/
.layer-page-loading .layui-layer-loading2{ margin: 0 auto;}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(2160deg);
    }
}
/*.layer-page-loading .layui-layer-loading2 {*/
    /*width: 70px !important;height: 70px !important;*/
    /*background-image: url("../images/loading.png") !important;background-repeat: no-repeat !important;*/
    /*-webkit-transform: rotate(360deg);*/
    /*animation: rotation 8s linear infinite;*/
    /*-moz-animation: rotation 8s linear infinite;*/
    /*-webkit-animation: rotation 8s linear infinite;*/
    /*-o-animation: rotation 8s linear infinite;*/
/*}*/
#page_loading_gif{z-index: 999;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.5)}
#page_loading_gif img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*<div id="page_loading_gif">*/
/*<img src="./images/loading-2.gif"/>*/
/*</div>*/

#page_loading{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(255,255,255,0.5);z-index: 999;}
#page_loading .spinner{position: absolute !important;top: 46% !important;}


/* 切换按钮 */
.turn-btn-div{margin-top: 2px; position: relative; display: inline-block;vertical-align: middle;}
.turn-btn-div .turn-btn-input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter:Alpha(opacity=0)}
.turn-btn-div .icon{font-size: 42px;color: #dcdcdc;}
.turn-btn-div .icon.iconkaiguananniu-kai{color: #3a5a97;}

/* 多选 */
.check-box-div{position: relative;display: inline-block;vertical-align: middle;line-height: 0px;}
.check-box-div .icon{font-size: 24px;color: #bbb;line-height: 26px;display: inline-block;vertical-align: middle;}
.check-box-div .icon.iconfuxuankuangxuanzhong{color: #3a5a97 !important;}
.check-box-div .checkbox-input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter:Alpha(opacity=0)}
.check-box-div .text{color: #666;line-height: 26px;margin-left: 3px;margin-right: 30px;}

/* 单选 */
.radio-box-div{position: relative;display: inline-block;vertical-align: middle;line-height: 0px;}
.radio-box-div .icon{font-size: 16px;color: #d9d9d9;line-height: 26px;display: inline-block;vertical-align: middle;}
.radio-box-div .icon.icondanxuanxuanzhong{color: #3a5a97;}
.radio-box-div .radiobox-input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter:Alpha(opacity=0)}
.radio-box-div .text{color: #666;line-height: 26px;margin-left: 3px;margin-right: 30px;}


/* 按钮 */
.layui-btn{ min-width: 80px;text-align: center;border-radius: 5px; background-color: #3a5a97;height: 36px;line-height: 36px;}
.layui-btn2{ min-width: 65px;height: 30px;line-height: 30px;}

.layui-btn:before{margin-right: 6px;}
.layui-btn.layui-btn-primary{border: 1px solid #C9C9C9;background-color: #fff;}
.layui-btn.layui-btn-primary2{border: 1px solid #C9C9C9;background-color: #f3f5f9;color: #222;}
.layui-btn.layui-btn-primary-blue{border: 1px solid #3a5a97;background-color: #fff;color: #3a5a97;}
.layui-btn.layui-btn-disabled{}
.layui-layer-btn .layui-layer-btn0{border-color: #3a5a97 !important;background-color: #3a5a97 !important;min-width: 80px;text-align: center;height: 36px;line-height: 34px;border-radius: 3px;}
.layui-layer-btn .layui-layer-btn1{border: 1px solid #3a5a97;color: #3a5a97; min-width: 80px;text-align: center;height: 36px;line-height: 34px;border-radius: 3px;}
.layui-btn.iconpaixu:before{font-size: 20px;display: inline-block;vertical-align: middle;margin-top: -3px;}
.layui-btn.iconshanchuanniu:before{font-size: 22px;display: inline-block;vertical-align: middle;margin-top: -2px;}



/*树形组件--图片银行*/
.wrap-bank-pic .layui-tree-line .layui-tree-set:before{border-left: 1px solid #f0f0f0;}
.wrap-bank-pic .layui-tree-line .layui-tree-set .layui-tree-set:after{border-top: 1px solid #f0f0f0;}
.wrap-bank-pic .layui-tree-icon{height: 16px;line-height: 16px;width: 16px;border: 1px solid #c8c8c8;}
.wrap-bank-pic .layui-tree-icon .layui-icon{font-size: 16px;}
.wrap-bank-pic .layui-tree-entry{height: 24px;}
.wrap-bank-pic .layui-tree-txt:hover{color: #3a5a97 !important;}
.wrap-bank-pic .layui-disabled, .layui-disabled:hover {color: #d2d2d2!important;cursor: not-allowed!important;}
.wrap-bank-pic .layui-icon-subtraction:before{margin-left: -1px;}
.wrap-bank-pic .layui-tree-icon .layui-icon {font-size: 15px;}
.wrap-bank-pic .layui-icon.layui-icon-edit:hover{color: #3a5a97 !important;}
.wrap-bank-pic .layui-icon.layui-icon-delete:hover{color: #3a5a97 !important;}

/*树形组件--权限设置*/
#power .layui-tree-entry{height: 30px;}
#power .layui-tree-icon{border: 0px;}
#power .layui-tree-txt{color: #222;}
#power .layui-icon-addition:before {content: url("../images/arrow_black_close.png");}
#power .layui-icon-subtraction:before {content: url("../images/arrow_black_open.png");}
#power .layui-icon-file:before {content: "";}
#power .layui-tree-line .layui-tree-pack {padding-left: 47px;}
#power .layui-tree-line .layui-tree-set:before{border-left: 1px solid #c0c4cc;}
#power .layui-tree-line .layui-tree-set .layui-tree-set:after{border-top: 1px solid #c0c4cc;}
#power .layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #3a5a97;}
#power .layui-form-checked[lay-skin="primary"] i{border-color: #3a5a97 !important; background-color: #3a5a97;}
#power .layui-form-checkbox[lay-skin=primary] i{width: 18px;height: 18px;}


/*图片银行*/
.layui-layer-iframe.pic-bank-dialog{max-width: 1310px;}
.layui-layer-iframe.pic-bank-dialog .layui-layer-title{background-color: #fff;}
.layui-layer-iframe .layui-layer-btn{box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.wrap-bank-pic{padding: 0; height: 100%;overflow: hidden;position: relative;}
.wrap-bank-pic .pic-box{height: 100%;overflow: hidden;}
.wrap-bank-pic .pic-box .fenlei-div{float: left;width: 140px;padding: 10px 0; height: 100%;border-right:1px solid #e7e7e7;}
.wrap-bank-pic .pic-box .fenlei{}
.wrap-bank-pic .pic-box .list{float: left;width: calc(100% - 140px);height: 100%;overflow-y: auto;}
.wrap-bank-pic .pic-box .list .top{height: 60px;overflow: hidden;padding: 0 20px 0 15px;}
.wrap-bank-pic .pic-box .list .top .fl{margin-top: 12px;}
.wrap-bank-pic .pic-box .list .top .fr{float: right;width: 300px;height: 36px;margin-top: 12px;position: relative;}
.wrap-bank-pic .pic-box .list .top .fr input{width: 100%;padding: 5px 10px;padding-right: 30px;line-height: 24px;border: 1px solid #dcdcdc;border-radius: 3px;}
.wrap-bank-pic .pic-box .list .top .fr button{position: absolute;height: 34px;width: 30px;top: 1px;right: 1px;text-align: center;}
.wrap-bank-pic .pic-box .list .top .fr button img{display: inline-block;vertical-align: middle;}
.wrap-bank-pic .pic-box .list-div{height: calc(100% - 150px);width: 100%;padding: 10px 5px;}
.wrap-bank-pic .pic-box .list ul{}
.wrap-bank-pic .pic-box .list .no-pic{height: calc(100% - 150px);padding: 10px 5px;width: 100%;position: relative;}
.wrap-bank-pic .pic-box .list .no-pic img{max-width: 40%;max-height: 40%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wrap-bank-pic .pic-box .list ul li{margin:0 10px 20px;float: left; overflow: hidden; position: relative; width: 170px;padding: 10px;background-color: #f5f5f5;border-radius: 10px;}
.wrap-bank-pic .pic-box .list ul li .img{width: 150px;height: 150px;background-color: #fff;display: table-cell;vertical-align: middle;text-align: center;}
.wrap-bank-pic .pic-box .list ul li .img img{display: inline-block;vertical-align: middle;}
.wrap-bank-pic .pic-box .list ul li .name{padding-right: 18px; position: relative; text-align: center; line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-bank-pic .pic-box .list ul li .name .edit-btn{display: none; position: absolute;color: #3a5a97; font-size: 18px;top: 50%;right: 0;transform: translateY(-50%)}
.wrap-bank-pic .pic-box .list ul li .name:hover .edit-btn{display: block;}
.wrap-bank-pic .pic-box .list ul li .name .edit-input{text-align: center; display: none; position: absolute;bottom: 0;left: 0;background-color: #fff; width: 100%;border: 1px solid #dcdcdc;padding: 5px 10px;line-height: 20px;}
.wrap-bank-pic .pic-box .list ul li .cover{position: absolute;top: 150%;left: 0px;width: 170px;height: 210px;background-color: rgba(0,0,0,0.3);transition: all 0.3s;}
.wrap-bank-pic .pic-box .list ul li .check-box-div{position: absolute;top: 10px;right: 10px;}
.wrap-bank-pic .pic-box .list ul li .check-box-div .icon.iconfuxuankuangxuanzhong {color: #0443b6;}
.wrap-bank-pic .pic-box .list ul li .img:hover .cover{top: 0px;}
.wrap-bank-pic .pic-box .list ul li .magnifier{color: #ccc;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;font-size: 20px;}
.wrap-bank-pic .pic-box .list ul li.selected .cover{top: 0px !important;}

/*图片银行页面*/
.wrap-bank-pic.wrap-bank-pic-page{padding: 20px;}
.wrap-bank-pic.wrap-bank-pic-page .content-box{border: 0px;padding: 0;}
/*.wrap-bank-pic.wrap-bank-pic-page .pic-box .fenlei{width: 216px; border: 1px solid #dcdcdc;border-radius: 10px;}*/
.wrap-bank-pic.wrap-bank-pic-page .pic-box .fenlei-div{width: 216px;border:1px solid #dcdcdc;border-radius: 10px;}

.wrap-bank-pic.wrap-bank-pic-page .pic-box .list{float: right;border: 1px solid #dcdcdc;border-radius: 10px;width: calc(100% - 230px);}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top{height: 70px;padding-top: 10px;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .layui-btn .icon{font-size: 18px;margin-top: -3px; line-height: 34px;margin-right: 6px;display: inline-block;vertical-align: middle; }
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .layui-btn .icon.iconshanchuanniu{font-size: 20px;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .fr{position: relative;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .fr input{width: calc(100% - 68px); padding-right: 10px;padding-left: 30px;float: left;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .fr img{position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .top .fr button{float: right;width: 60px;min-width: 60px;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list ul{}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list-div{height: calc(100% - 160px);}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .no-pic{height: calc(100% - 160px);padding: 10px 5px;width: 100%;position: relative;}
.wrap-bank-pic.wrap-bank-pic-page .pic-box .list .no-pic img{max-width: 40%;max-height: 40%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wrap-bank-pic.wrap-bank-pic-page .ajax-add-group-btn{width: 100%;}
.wrap-bank-pic.wrap-bank-pic-page .ajax-add-group-btn:before{margin-right: 6px;}
/*无插件*/
.pic-bank-top-upload-btn{position: relative;}
.pic-bank-top-upload-btn input{top: 0;left: 0;z-index: 9; width: 100%;height: 100%;position: absolute;opacity: 0;filter:Alpha(opacity=0);}


/* 普通页面图片列表——无放大镜、无选择框、无名称、有删除 */
.bank-pic-list-box{width: 100%;overflow: hidden;}
.bank-pic-list-box .bank-pic-list{width: 100%;overflow: hidden;}
.bank-pic-list-box .pic-item{position: relative; border: 1px solid #dddddd; width: 120px;height: 120px;float: left;margin-right: 10px;}
.bank-pic-list-box .pic-item.add-pic-btn{border: 0px;background-image: url("../images/pic_add_box.png");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.bank-pic-list-box .pic-item .img{width: 118px;height: 118px;display: table-cell;vertical-align: middle;text-align: center;}
.bank-pic-list-box .pic-item .delete{position: absolute;top: 105%;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4)}
.bank-pic-list-box .pic-item .delete a{font-size: 20px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bank-pic-list-box .pic-item:hover .delete{top: 0;}
/* 普通页面图片列表——无放大镜、无选择框、有名称、有删除*/
.bank-pic-list-box .bank-pic-list2 .pic-item{width: unset;height: unset;border: 0px solid #dddddd;}
.bank-pic-list-box .bank-pic-list2 .pic-item .img{width: 120px;height: 120px;border: 1px solid #dddddd;}
.bank-pic-list-box .pic-item .name{padding-right: 18px; position: relative; text-align: center; line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bank-pic-list-box .pic-item .name .edit-btn{display: none; position: absolute;color: #3a5a97; font-size: 18px;top: 50%;right: 0;transform: translateY(-50%)}
.bank-pic-list-box .pic-item .name:hover .edit-btn{display: block;}
.bank-pic-list-box .pic-item .name .edit-input{text-align: center; display: none; position: absolute;bottom: 0;left: 0;background-color: #fff; width: 100%;border: 1px solid #dcdcdc;padding: 5px 10px;line-height: 20px;}

.bank-pic-list-box.banner-box .pic-item{width: 224px;height: 112px;}
.bank-pic-list-box.banner-box .pic-item .img{width: 222px;height: 110px;}
.bank-pic-list-box.banner-box .pic-item.add-pic-btn{background-image: url("../images/banner_img_bac.png");}
.bank-pic-list-box.banner-box .pic-item .delete a{left: 43%}
.bank-pic-list-box.banner-box .pic-item .delete a+a{left: 58%}


/*查看图片*/
.show-pic-dialog{display: none; padding: 50px;position: fixed;position: -ms-device-fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.5);}
.show-pic-dialog .box{ position: absolute;top: 50%;left: 50%;max-width: 100%;max-height:100%;transform: translate(-50%,-50%);}
.show-pic-dialog .box img{max-width: 100%;max-height: 100%;}
.show-pic-dialog .box a{position: absolute;top: -30px;right: -30px;color: #ddd;font-size: 30px;}
.show-pic-dialog .box a:hover{color: #fff;}
.show-pic-dialog .box .box-btn{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 50px;color: #ddd;}
.show-pic-dialog .box .box-btn.prev{left: -60px;right: unset;}
.show-pic-dialog .box .box-btn.next{right: -60px;left: unset;}


/*页码*/
.page-div{text-align: right;padding: 20px 20px 0;min-height: 90px;line-height: 28px;vertical-align: middle;}
.page-div *{display: inline-block;vertical-align: middle;margin-top: 10px;margin-left: 5px;}
.page-div span{margin-right: 10px;}
.page-div a{border: 1px solid #e7e7e7;border-radius: 3px;text-align: center;line-height: 28px;height: 30px; min-width: 30px;padding: 0 6px;color: #666;}
.page-div a:hover{color: #fff;border: 1px solid #3a5a97;background-color: #3a5a97;}
.page-div a:active{color: #fff;border: 1px solid #3a5a97;background-color: #3a5a97;}


/*提示信息*/
.show-toast-01 {width: auto;min-width: unset !important;}
.show-toast-01 .layui-layer-content{word-break: keep-all;background-color: rgba(0,0,0,0.5);color: #fff;text-align: center !important;width: auto;padding: 13px 30px 13px 70px !important;overflow: hidden !important;}
.show-toast-01 .layui-layer-ico.layui-layer-ico1{top: 10px !important;left: 30px !important;background: url("../images/success.png") no-repeat !important;background-position: center !important;}
.show-toast-01 .layui-layer-ico.layui-layer-ico2{top: 10px !important;left: 30px !important;background: url("../images/success.png") no-repeat !important;background-position: center !important;}
.show-toast-01 .layui-layer-ico.layui-layer-ico3{top: 10px !important;left: 30px !important;background: url("../images/success.png") no-repeat !important;background-position: center !important;}
.show-toast-02 {width: auto;min-width: unset !important;}
.show-toast-02 .layui-layer-content{word-break: keep-all;background-color: rgba(0,0,0,0.5);color: #fff;text-align: center !important;width: auto;padding: 13px 30px 13px 70px !important;overflow: hidden !important;}
.show-toast-02 .layui-layer-ico.layui-layer-ico1{top: 10px !important;left: 30px !important;background: url("../images/error.png") no-repeat !important;background-position: center !important;}
.show-toast-02 .layui-layer-ico.layui-layer-ico2{top: 10px !important;left: 30px !important;background: url("../images/error.png") no-repeat !important;background-position: center !important;}
.show-toast-02 .layui-layer-ico.layui-layer-ico3{top: 10px !important;left: 30px !important;background: url("../images/error.png") no-repeat !important;background-position: center !important;}
.show-toast-03 {width: auto;min-width: unset !important;}
.show-toast-03 .layui-layer-content{word-break: keep-all;background-color: rgba(0,0,0,0.5);color: #fff;text-align: center !important;width: auto;padding: 13px 30px 13px 70px !important;overflow: hidden !important;}
.show-toast-03 .layui-layer-ico.layui-layer-ico1{top: 10px !important;left: 30px !important;background: url("../images/info.png") no-repeat !important;background-position: center !important;}
.show-toast-03 .layui-layer-ico.layui-layer-ico2{top: 10px !important;left: 30px !important;background: url("../images/info.png") no-repeat !important;background-position: center !important;}
.show-toast-03 .layui-layer-ico.layui-layer-ico3{top: 10px !important;left: 30px !important;background: url("../images/info.png") no-repeat !important;background-position: center !important;}


/*iframe 弹框*/
.layer-miframe.layui-layer-iframe .layui-layer-btn {box-shadow:unset}


/*提示弹框*/
.layer-info-dialog{min-width: 400px;border-radius:3px;}
.layer-info-dialog .layui-layer-title{border-bottom: 1px solid #dddddd; background-color: #fff;margin: 0 20px;font-size: 16px; padding: 0 30px 0 0;color: #3a5a97;font-weight: bold;}
.layer-info-dialog .box {text-align: center;padding: 20px 0 20px;}
.layer-info-dialog .box .img{line-height: 60px;}
.layer-info-dialog .box .img .icon{margin: 15px 0; font-size: 56px;color: #3a5a97;}
.layer-info-dialog .box .text{}
.layer-info-dialog .layui-layer-btn{text-align: center;}
.layer-info-dialog .layui-layer-btn a{margin: 5px 10px 20px;}
.layer-info-dialog .box .percent-line{margin-top: 15px; position: relative; width: 100%;height: 12px;border-radius: 12px;background-image: url("../images/line-bac.png");background-size: 100% 100%;background-repeat: no-repeat;}
.layer-info-dialog .box .percent-line span{position: absolute;top: 0;left: 0;width: 0;height: 100%;border-radius: 12px;background-image: url("../images/line-percent-bac.png");}
.layer-info-dialog .box.box-line{width: 300px;margin: 0 auto;text-align: left;}

/*移动提示*/
.layer-move-dialog{min-width: 540px;border-radius:3px !important;}
.layer-move-dialog .layui-layer-title{border-bottom: 1px solid #dddddd; background-color: #fff;margin: 0 20px;font-size: 16px; padding: 0 30px 0 0;color: #3a5a97;font-weight: bold;}
.layer-move-dialog .box {text-align: center;padding: 20px 0 20px;}
.layer-move-dialog .box .img{line-height: 60px;}
.layer-move-dialog .box .img .icon{margin: 15px 0; font-size: 56px;color: #3a5a97;}
.layer-move-dialog .box .text{}
.layer-move-dialog .layui-layer-btn{text-align: center;}
.layer-move-dialog .layui-layer-btn a{margin: 5px 10px 20px;}

.wrap-move-dialog .selext-box{text-align: center;padding-top: 30px;}
.wrap-move-dialog .selext-box .text{display: inline-block;line-height: 36px;margin-right: 10px;vertical-align: middle;}
.wrap-move-dialog .selext-box .text span{color: #ff0000;margin-left: 6px}
.wrap-move-dialog .selext-box .select{text-align: left; display: inline-block;vertical-align: middle; width: 360px;height: 36px;line-height: 34px;padding: 0 10px;border: 1px solid #dcdccd;border-radius: 3px;}
.wrap-move-dialog .selext-box .select select{width: 100%;}
.wrap-move-dialog .selext-box .select input{width: 100%;}


/*添加客服账号*/
.layer-kefu-dialog{width: 540px !important;min-height: 380px !important; max-height: 502px !important;border-radius:3px !important;}
.layer-kefu-dialog .layui-layer-title{border-bottom: 1px solid #dddddd; background-color: #fff;margin: 0 20px;font-size: 16px; padding: 0 30px 0 0;color: #3a5a97;font-weight: bold;}
.layer-kefu-dialog .layui-layer-btn{text-align: center;}
.layer-kefu-dialog .layui-layer-btn a{margin: 5px 10px 20px;}

.wrap-setting-kefu-dialog .box{text-align: center;padding-top: 30px;}
.wrap-setting-kefu-dialog .box .text{display: inline-block;line-height: 36px;margin-right: 10px;vertical-align: middle;}
.wrap-setting-kefu-dialog .box .text span{color: #ff0000;margin-left: 6px}
.wrap-setting-kefu-dialog .box .input{text-align: left; display: inline-block;vertical-align: middle; width: 360px;height: 36px;line-height: 34px;padding: 0 10px;border: 1px solid #dcdccd;border-radius: 3px;}
.wrap-setting-kefu-dialog .box .input select{width: 100%;}
.wrap-setting-kefu-dialog .box .input input{width: 100%;}

.wrap-setting-kefu-dialog .item-box{overflow: hidden;}
.wrap-setting-kefu-dialog .item-title{float: left;width: 100px;text-align: right;line-height: 38px !important;margin-top: 5px;}
.wrap-setting-kefu-dialog .item{float: left;width: 360px;padding-left: 20px;}


/*翻译弹窗*/
.layer-translate-dialog{width: 95% !important;max-width: 1025px !important; height: 90% !important; max-height: 756px !important;border-radius:3px !important;}
.layer-translate-dialog .layui-layer-title{border-bottom: 1px solid #dddddd; background-color: #fff;margin: 0 20px;font-size: 16px; padding: 0 30px 0 0;color: #3a5a97;font-weight: bold;}
.layer-translate-dialog .layui-layer-title span{color: #999;font-size: 14px;}
.layer-translate-dialog .layui-layer-btn{text-align: center;}
.layer-translate-dialog .layui-layer-btn a{margin: 5px 10px 20px;}

.wrap-translate-dialog .top .title{margin: 10px 0 20px; font-size: 14px;color: #222;padding-left: 8px;line-height: 16px;border-left: 4px solid #3a5a97;}
.wrap-translate-dialog .top .title span{color: #999;}
.wrap-translate-dialog .top .check-box-div{width: 19%;margin-bottom: 10px;}
.wrap-translate-dialog .top .check-box-div span{display: inline-block;width: calc(100% - 44px);margin: 0;vertical-align: middle;padding:0 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.wrap-translate-dialog .bot{padding: 15px 15px;line-height: 26px;background-color: #f5f5f5;margin: 30px 0 30px;border-radius: 10px;border: 1px solid #dcdcdc;}
.wrap-translate-dialog .bot span{color: red;}

/*正在翻译中*/
.layer-translating-dialog{}
.layer-translating-dialog{background-color: rgba(255,255,255,0.85) !important;width: 95% !important;max-width: 1025px !important; height: 90% !important; max-height: 756px !important;border-radius:3px !important;}
.layer-translating-dialog .layui-layer-title{display: none}
.layer-translating-dialog .layui-layer-setwin{display: none}
.layer-translating-dialog .layui-layer-content{height: 100%;position: relative;}
.layer-translating-dialog .box {text-align: center;padding: 20px 20px;}
.layer-translating-dialog .box .img{line-height: 60px;display: none;width: 100%;}
.layer-translating-dialog .box .img .icon{margin: 15px 0; font-size: 56px;color: #3a5a97;}
.layer-translating-dialog .box .text{color: #666;font-size: 18px;padding-top: 10px;}
.layer-translating-dialog .box .text2{color: #222;font-size: 18px;display: none;padding-top: 10px;}
.layer-translating-dialog .box.complete .img{display: block;}
.layer-translating-dialog .box.complete .text2{display: block;}
.layer-translating-dialog .box.complete #page_loading{display: none;}
.layer-translating-dialog .box.complete .text{display: none;}
.layer-translating-dialog #page_loading {position: unset;height: 100px;background-color: unset;}
.layer-translating-dialog #page_loading .spinner{top: 60px !important;left: 0 !important;right: 0 !important;margin: 0 auto !important;}
.layer-translating-dialog .line{height: 1px;width: 100%;background-color: #bbb;margin: 5% 0;}
.layer-translating-dialog .layui-layer-btn{display: none;width: 100%;position: absolute;bottom: 18%;left: 0;}
.layer-translating-dialog .list{text-align: center;}
.layer-translating-dialog .list li span:nth-child(1){text-align:left;color: #222;padding-left: 22px; width: 220px;display: inline-block;line-height: 32px;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-position: left center;background-repeat: no-repeat;}
.layer-translating-dialog .list li span:nth-child(2){text-align:left;display: inline-block;width: 60px; vertical-align: middle;line-height: 32px;}
.layer-translating-dialog .list li.ing span:nth-child(1){background-image: url("../images/translate_img.png")}
.layer-translating-dialog .list li.ing span:nth-child(2){color: #222;}
.layer-translating-dialog .list li.wait span:nth-child(1){background-image: url("../images/translate_wait.png")}
.layer-translating-dialog .list li.wait span:nth-child(2){color: #999;}
.layer-translating-dialog .list li.success span:nth-child(1){background-image: url("../images/translate_success.png")}
.layer-translating-dialog .list li.success span:nth-child(2){color: #3a5a97;}
.layer-translating-dialog .list li.fail span:nth-child(1){background-image: url("../images/translate_eror.png")}
.layer-translating-dialog .list li.fail span:nth-child(2){color: red;}
.layer-translating-dialog .layui-layer-btn a {margin: 5px 10px 20px;}
.layer-translating-dialog{position: relative;}
.layer-translating-dialog .box{position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-60%);}
.layer-translating-dialog .box.complete{transform: translateY(calc(-50% - 50px));}


/*没有翻译字数*/
.layer-translating-nonum-dialog{background-color: rgba(255,255,255,0.85) !important;width: 95% !important;max-width: 1025px !important; height: 90% !important; max-height: 756px !important;border-radius:3px !important;}
.layer-translating-nonum-dialog .layui-layer-title{display: none}
.layer-translating-nonum-dialog .layui-layer-setwin{display: none}
.layer-translating-nonum-dialog .box {text-align: center;padding: 20px 0 20px;}
.layer-translating-nonum-dialog .box .img{line-height: 60px;}
.layer-translating-nonum-dialog .box .img .icon{margin: 15px 0; font-size: 56px;color: #3a5a97;}
.layer-translating-nonum-dialog .layui-layer-btn{top: 50%;position: absolute;margin: 0 auto;left: 0;right: 0;margin-top: 20px;}
.layer-translating-nonum-dialog .layui-layer-content{top: 50%;position: absolute;margin: 0 auto;left: 0;right: 0;margin-top: -120px;}





/*颜色选择器*/
.item-box-color .layui-colorpicker{border: 0;border-radius: 0;padding: 3px;}
.item-box-color .layui-colorpicker-trigger-i{line-height: 20px;vertical-align: middle;margin-top: -4px;}
.item-box-color .layui-colorpicker-trigger-span{line-height: 20px;padding: 0;}
.item-box-color .item{position: relative;}
.item-box-color .layui-input-inline{width: 120px;margin-top: 4px;}
.item-box-color .color-box{position: absolute;right: 5px;top: 10px;}
.item-box-color .layui-input{padding-right: 30px;}
.layui-colorpicker-main-input input.layui-input{width: 120px;}
.layui-colorpicker-main-input .layui-btn-container .layui-btn{min-width: 40px;height: 30px;line-height: 30px;}


/*滚动条*/
.nano > .nano-pane{width: 8px;}
.nano > .nano-content{}


/*登录*/
.wrap-login{position: relative;width: 100%;height: 100%;background: url("../images/login-bac.png") center no-repeat;background-size: cover;}

.wrap-login .logo{position: absolute;top: 30px;left: 30px;}
.wrap-login .left-box{width: 48.8%; position: absolute;left: 0.8%;top: 50%;transform: translateY(-50%);}
.wrap-login .login-box{padding: 50px; width: 530px;min-height: 495px; position: absolute;right: 8.333%;top: 50%;transform: translateY(-50%);}
.wrap-login .login-box{background: url("../images/login-box.png") center no-repeat;background-size: 100% 100%;}
.wrap-login .login-box ul{overflow: hidden;margin: 0 40px;padding-bottom: 20px;}
.wrap-login .login-box ul li{float: left;width: 50%;text-align: center;}
.wrap-login .login-box ul li a{font-size: 20px; display: inline-block;line-height: 46px; color: #999999;border-bottom: 3px solid #212842;}
.wrap-login .login-box ul li a.active{color: #fff;border-bottom: 3px solid #fff;}
.wrap-login .login-box ul li a:hover{color: #fff;border-bottom: 3px solid #fff;}

.wrap-login .login-box .item{width: 100%;margin-top: 20px;}
.wrap-login .login-box .item .input{position: relative;}
.wrap-login .login-box .item .input input{width: 100%; padding: 10px 15px;padding-left: 50px;line-height: 36px;font-size: 16px;color: #fff; border: 1px solid #334977;border-radius: 5px;}
.wrap-login .login-box .item .input input.account{background: url("../images/account.png") 20px center no-repeat;}
.wrap-login .login-box .item .input input.pwd{background: url("../images/password.png") 20px center no-repeat;}
.wrap-login .login-box .item.email-box{display: none;}
.wrap-login .login-box .item2{overflow: hidden;}
.wrap-login .login-box .check-box-div{float: left;}
.wrap-login .login-box .check-box-div span{color: #fff;vertical-align: middle;display: inline-block;}
.wrap-login .login-box .check-box-div a{color: #334977;}

.wrap-login .login-box .forget{float: right;display: inline-block;line-height: 26px;color: #fff;}
.wrap-login .login-box .item-btn{text-align: center;margin-top: 50px;}
.wrap-login .login-box .item-btn button{font-size: 20px; width: 100%;height: 56px;text-align: center;background-color: #2b93ff;border-radius: 5px;color: #fff;}

.wrap-login .login-box input::-webkit-input-placeholder { color: #fff; }
.wrap-login .login-box input::-moz-placeholder { color: #fff; }
.wrap-login .login-box input:-moz-placeholder { color: #fff; }
.wrap-login .login-box input:-ms-input-placeholder { color: #fff; }

.wrap-login .login-box input.red-border{border-color: red;}

